<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Upload File Use SWFUpload</title>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/js/jquery.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/js/swfupload.js"></script>
<script type="text/javascript">
var DEBUG_MODE = true;
var SWFUPLOAD_FLASH = '<%=request.getContextPath()%>/swf/swfupload.swf';
var UPLOAD_URL = '<%=request.getContextPath()%>/imgup/uploadnotresize';
/*
var config = {
		file_upload_limit:30,
		file_size_limit:"8 MB",
		button_image_url:'<%=request.getContextPath()%>/images/upload-button.png',
		handler:"handler",
		file_post_name:"file",};
		*/
</script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/js/uploader.js"></script>
</head>
<body>
<div id="album-box"> 
	<label> 
		<span>上传到相册:</span> 
		<select id="album-box-album-list" name="album"> 
			<option value="1" >1</option> 
			<option value="2" >2</option> 
			<option value="3" >3</option>
		</select> 
	</label> 
	<a class="add" id="album-box-create-album" href="#">新建相册</a> 
</div>
<form id="photo-uploader" action="" method="post" enctype="multipart/form-data">
	<div id="photo-uploader-files-box">
		<div id="photo-uploader-hander-box">
			<p style="display: none;">你已添加<span id="photo-uploader-files-count2">0</span>张照片
				<em>(还可以添加<span id="photo-uploader-files-remain">0</span>张)</em>
			</p>
			<button id="photo-uploader-handler">加载中</button>
		</div>
		<div style="display: none;" id="photo-uploader-files">
			<div class="thead">
				<table>
					<colgroup>
						<col class="file" />
						<col class="size" />
						<col class="remove" />
					</colgroup>
					<tr>
						<th class="file">文件</th>
						<th class="size">大小</th>
						<th class="remove">移除文件</th>
					</tr>
				</table>
			</div>
			<div class="tbody">
				<table>
					<colgroup>
						<col class="file" />
						<col class="size" />
						<col class="remove" />
					</colgroup>
					<tbody id="photo-uploader-files-list">
					</tbody>
				</table>
			</div>
			<div class="tfoot">
				<table>
					<tr>
						<td>共<span id="photo-uploader-files-count">0</span>个文件 | <a
							href="#" id="photo-uploader-clear-list">清空列表</a></td>
						<td>总计: <span id="photo-uploader-files-total-size">0B</span></td>
					</tr>
				</table>
			</div>
		</div>
		<p style="display: none;">你可以上传JPG，GIF，PNG或BMP文件，一批可以上传
			<span id="photo-uploader-file-limit">30</span>张。
		</p>
	</div>
	<div id="photo-uploader-uploading-box" style="display: none;" >
		<h3>正在上传，请稍候...</h3>
		<p class="info">已上传<span id="photo-uploader-uploaded-count">0</span>张，剩余
			<span id="photo-uploader-uploaded-remain">0</span>张
		</p>
		<p id="progress">
		<!-- 
				<progress id="photo-uploader-progress" max="4603807" value="1534602">33%</progress>
		 --> 
		 </p>
	</div>
	<div id="photo-uploader-submit-box" style="display: none;">
		<p>
			<button id="photo-uploader-submit" type="submit">开始上传</button>
		</p>
	</div>
</form>


<div id="handler"></div>
<div id="flashUploaderHolder"></div>
<button id="btnCancel"></button>
</body>
<script type="text/javascript">
var DOMAIN = '<%=request.getContextPath()%>/';
var uploader1 = new uploader({
	id:"photo-uploader",
	albumBoxId:"album-box",
	config:{
		button_image_url:'<%=request.getContextPath()%>/images/upload-button.png',
		handler:"handler",
		file_post_name:"file"}
});
</script>
</html>